<template>
  <div>
    Home页面
    <hr />
    <h3>{{ $store.state.count }}</h3>
    <button @click="incr">++++</button>
  </div>
</template>

<script>
export default {
  //刚进入到当前的组件触发的，他会比组件的生命周期早
  beforeRouteEnter(to, from, next) {
    //这个比独享要晚点，要比全局解析首位要早点
    console.log("beforeRouteEnter");
    next();
    //next()这个意思是往下继续执行
  },
  //离开当前的组件触发
  beforeRouteLeave(to, from, next) {
    console.log("beforeRouteLeave");
    next();
  },
  beforeCreate() {
    console.log("组件的生命周期");
  },
  beforeDestroy() {
    console.log("组将的销毁");
  },
  methods: {
    incr() {
      // 参1：指令，mutations中的方法名
      // 参2: 传入给指令的参数
      this.$store.commit("setIncr", 10);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>